@import "../../styles/theme";

$backgroundimage: url('https://th.bing.com/th/id/Rd7ca776669e5012fd7a9fec2297b6a14?rik=VHL7Ob9M%2fXB%2f0Q&pid=ImgRaw');
$navHeight: 70px;
.me-page {
  @extend %page;

  &-header {
    background-color: transparent;
    @extend %flex-column;

    &-info {
      @extend %flex-row;
      background: $backgroundimage;
      align-items: flex-start;
      border-bottom-left-radius: 50px;
      padding-bottom: 40px;
      width: 100%;
      height: 460px;
      position: relative;
      &-nav-title {
        font-size: 50px;
        line-height: $navHeight;
        height: $navHeight;
        font-weight: 700;
        width: 100%;
        text-align: center;
      }
      &-user {
        position: absolute;
        border-radius: 8px;
        width: 90vw;
        left: 5vw;
        height: 240px;
        bottom: -20px;
        background: $white;
        display: flex;
        flex-direction: column;
      }
    }
  }

  &-body {
    padding: 30px;

    .navigation-line {
      padding-top: 0;
      padding-bottom: 0;
    }

    .navigation-line-title {
      font-weight: 400;
      font-size: 30px;
    }
  }
}
.me-page::-webkit-scrollbar {
  display: none;
}
